<template>
  <div id="app">

    <ul>
      <li><router-link to="/">test</router-link></li>
      <li><router-link to="/users">users</router-link></li>
    </ul>
    <!-- keep-alive 防止重复渲染DOM -->
    <keep-alive>
      <!-- router-view 路由匹配到的组件将渲染在这里 -->
      <router-view></router-view>
    </keep-alive>

  </div>
</template>

<script>
    export default {
        name: "router"
    }
</script>

<style scoped>

</style>
